<nz-collapse>
    <nz-collapse-panel [nzHeader]="'HDFS'">
        <button nz-button nzType="primary" nzShape="circle" class="add-new-btn"
        (click)="createconfig()">+</button>
        <nz-descriptions *ngFor="let v of pconfiglist;let i = index;" nzTitle={{i+1}} nzBordered="true">
            <nz-descriptions-item nzTitle="URL">{{v.url}}</nz-descriptions-item>
            <nz-descriptions-item nzTitle="File Type">{{v.type}}</nz-descriptions-item>
            <nz-descriptions-item nzTitle="删除"><button nz-button nzType="primary" (click)="deleteconfig(i)">&nbsp;&nbsp;</button></nz-descriptions-item>
            <nz-descriptions-item nzTitle="修改"><button nz-button nzType="primary" (click)="updateconfig(i)">&nbsp;&nbsp;</button></nz-descriptions-item>
        </nz-descriptions>
    </nz-collapse-panel>
</nz-collapse>

<nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
    <ng-container *nzModalContent>

        <nz-card [nzBordered]="false" [nzTitle]="' HDFS source '" [nzLoading]="false">
            <form nz-form class="login-form">
                <nz-form-item>
                    <nz-input-group>
                        <input type="text" class="form-item" name="URL" nz-input placeholder="URL"  [(ngModel)]="newconfig.url"/>
                    </nz-input-group>
                </nz-form-item>
                <nz-form-item>
                    <nz-input-group>
                        <input type="text" class="form-item" name="type" nz-input placeholder="type"  [(ngModel)]="newconfig.type"/>
                    </nz-input-group>
                </nz-form-item>
                <button nz-button nzType="dashed" class="login-form-button login-form-margin "
                (click)="createnewconfig()"
                >
                    <i nz-icon nzType="download"></i>SubMit A Job
                    <br>
                    HDFS
                </button>

            </form>
        </nz-card>
    </ng-container>
</nz-modal>